.display-detail {
  height: 100%;
  .detail-content {
    height: 100%;
    overflow: scroll;
  }
}
.pop-content {
  .pop-form {
    .pop-tab {
      height: 300rpx;
    }
  }
}

.nav-class .van-ellipsis {
  font-size: 36rpx;
}
.label-class {
  font-size: 26rpx;
  color: #999 !important;
}
.input-class {
  margin-top: 10rpx !important;
  font-size: 32rpx;
}
.field-index--van-field.van-cell {
  display: flex;
  flex-direction: column;
}

// 时间轴
.time-line {
  border-top: 12rpx solid #dbdbdb;
  .time-line-title {
    padding: 20rpx;
    font-size: 34rpx;
    border-bottom: 1px solid #dbdbdb;
    color: #333;
    margin-bottom: 40rpx;
  }
  .empty-state {
    padding: 0 30px;
    font-size: 34rpx;
    color: #888;
  }
}

.time-line-item {
  margin: 0 40rpx;
  padding: 0 40rpx 80rpx 40rpx;
  position: relative;
  .time-line-ball {
    position: absolute;
    box-sizing: border-box;
    left: -18rpx;
    top: 0;
    width: 30rpx;
    height: 30rpx;
    background-color: #fff;
    border-radius: 50%;
  }
  .time-line-name {
    font-size: 32rpx;
  }
  .time-line-type {
    font-size: 38rpx;
    padding-bottom: 20rpx;
  }
  .time-line-date {
    top: 0;
    right: 0;
    position: absolute;
    color: #999;
  }
}

.operation-button {
  padding-top: 60rpx;
  padding-bottom: 600rpx;
  .my-approval {
    padding: 0 44rpx;
  }
  .upcoming-approval {
    .button-group {
      padding: 0 44rpx;
      display: flex;
      justify-content: space-between;
      button {
        width: 300rpx;
      }
    }
  }
}

.van-button.van-button--large {
  height: 80rpx;
  margin-top: 80rpx;
  border: none;
  border-radius: 10rpx;
  .van-button__text {
    font-size: 32rpx;
  }
}

.done-ball {
  border-left: 6rpx solid rgb(65, 148, 136);
  .time-line-ball {
    border: 6rpx solid rgb(65, 148, 136);
  }
}
.undone-ball {
  border-left: 6rpx solid orange;
  .time-line-ball {
    border: 6rpx solid orange;
  }
}
.last-ball {
  border-left: 6rpx solid rgba(65, 148, 136, 0);
  .time-line-ball {
    border: 6rpx solid rgb(65, 148, 136);
  }
}
